<div style="text-align:center; width:100%; font-size:24px;"></div>
<div style="width:100%;">
<div style="width:300px; margin-left:auto; margin-right:auto">
<br />
<br />
<br />
<fieldset class="ui-widget">
<legend class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">Iniciar Sesi&oacute;n
</legend>
<form action="login.php" method="post" class="ui-widget">
<input type="hidden" name="accion" value="dologin" />
<input type="hidden" name="referer" value="{referer}" />
<table id="trablaregistro" align="center" style="width:250px">
<tr>
  <td>Email</td>
  <td><input type="text" name="email" id="email" size="30" maxlength="45" value="" /></td>
</tr>
<tr>
  <td>Password</td>
  <td><input type="password" size="15" maxlength="15" name="password" value="" /></td>
</tr>
<tr>
  <th>&nbsp;</th>
  <td style="text-align:left">&nbsp;</td>
</tr>
<tr>
  <td colspan="2" style="text-align:center">
  <input type="submit" id="btn_aceptar" class="fg-button ui-state-default ui-corner-all" value="Iniciar Sesion">
</td>
</tr>
</table>
</form>
</fieldset>
<script type="text/javascript">
$(function() {
	$("#email").focus();
	$("#btn_aceptar").click(function() {
		if($("#login").val().esVacio()) {
			alert("Debe escribir un usuario");
			$("#login").focus();
			return false;	
		}
	});	
});
</script>
<br />
<br />
<div style="width:100%; text-align:center">

<a href="http://www.dondeaprendo.com/registro_usuario.php" class="letranaranja">
Registrarse</a>&nbsp;

<a href="http://dondeaprendo.com/recordar.php" class="letranaranja">
Olvid&oacute; su contrase&ntilde;a?</a>

</div>
</div>
</div>